<template>
    <view class="cell-item" @click="handleClick">
        <view class="cell-item-left">
            <u-image :src="icon" width="80rpx" height="80rpx"></u-image>
            <text class="cell-item-left-text">{{title}}</text>
        </view>
        <view class="cell-item-right">
           <u-icon name="arrow-right" size="32rpx" color="#C8C9CF"></u-icon>
        </view>
    </view>
</template>
<script>
export default {
    props: {
        title: String,
        value: String,
        icon: String,
        url: String
    },
    methods: {
        handleClick() {
            uni.navigateTo({ url: this.url })
        }
    }
}
</script>
<style lang="scss">
.cell-item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40rpx;
}
.cell-item-left{
    display: flex;
    align-items: center;
}
.cell-item-left-text{
    margin-left: 20rpx;
    font-weight: 400;
    font-size: 32rpx;
    color: #34343F;
}
</style>

